<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="referrer" content="no-referrer">
		<script>
			var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
				CSS.supports('top: constant(a)'))
			document.write(
				'<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
				(coverSupport ? ', viewport-fit=cover' : '') + '" />')
		</script>
		<title></title>
		<!--preload-links-->
		<!--app-context-->
		<!-- 	<script>
		 window.difyChatbotConfig = {
		  token: '09Iu4w2MudmRt4Sl'
		 }
		</script>
		<script
		 src="https://udify.app/embed.min.js"
		 id="09Iu4w2MudmRt4Sl"
		 defer>
		</script>
		<style>
		  #dify-chatbot-bubble-button {
			background-color: #FF2442 !important;
			top:85% !important;
		  }
		  #dify-chatbot-bubble-window {
			width: 24rem !important;
			height: 36rem !important;
		  }
		</style> -->

	</head>
	<body>
		<div id="app"></div>
		<script type="module" src="/main.js"></script>
		<script>
			document.addEventListener('DOMContentLoaded', function() {
				setTimeout(() => {
					// 获取聊天按钮元素
					const button = document.getElementById('dify-chatbot-bubble-button');
					console.log(button)
					if (button) {
						// 移除原有的 SVG 内容
						const svgElements = button.querySelectorAll('svg');
						// svgElements.forEach(svg => svg.style.display = 'none');
						//
						// // 创建包含“AI”文字的元素
						// const aiText = document.createElement('span');
						// aiText.textContent = 'AI';
						// aiText.style.color = 'white'; // 根据原按钮颜色设置文字颜色
						// aiText.style.fontSize = '20px'; // 根据需求设置文字大小
						// aiText.style.fontWeight = 'bold'
						// aiText.style.position = 'relative'
						// aiText.style.display = 'flex'
						// aiText.style.justifyContent = 'center'
						// aiText.style.lineHeight = '45px'
						// // 将“AI”文字添加到按钮中
						// button.appendChild(aiText);
					}
				}, 0)

			});
		</script>


		<script src="https://lf-cdn.coze.cn/obj/unpkg/flow-platform/chat-app-sdk/1.2.0-beta.6/libs/cn/index.js"></script>
		<script>
			// function handleClick(){
			//   // console.log(window.apisdk)
			//   try {
			//     console.log(window.apisdk.hideChatBot())
			//   }catch (e) {

			//   }
			// }
			// window.apisdk =  new CozeWebSDK.WebChatClient({
			//       config: {
			//           bot_id: '7488972042008887335',
			//       },
			//       auth: {
			//           type: 'token',
			//           token: 'pat_ReMZbyOTLthRwn4vtIZ7U1JnfWDXPZWMg135nFWetOiu5YcK0H1cUHUzv75EtFob',
			//           onRefreshToken: function () {
			//               return 'pat_ReMZbyOTLthRwn4vtIZ7U1JnfWDXPZWMg135nFWetOiu5YcK0H1cUHUzv75EtFob'
			//           }
			//       },
			//       userInfo: {
			//           id: '12345',
			//           url: 'https://lf-coze-web-cdn.coze.cn/obj/coze-web-cn/obric/coze/favicon.1970.png',
			//           nickname: 'UserA',
			//         },
			//       ui: {
			//         base: {
			//           icon: 'https://zhijan-video.oss-cn-beijing.aliyuncs.com/exampledir/ai.png',
			//           layout: 'pc',
			//           zIndex: 1000,
			//         },
			//         footer: {
			//           isShow:false
			//         },
			//         header:{
			//
			//         },
			//         chatBot: {
			//           title: "您的智能AI助手",
			//           uploadable: false,
			//           width: 320,
			//           el: undefined,
			//           onHide: () => {
			//             // todo...
			//           },
			//           onShow: () => {
			//             // todo...
			//           },
			//        },
			//       },
			//   });
		</script>


		<style>
			.semi-image-preview-group+div {
				width: 40px;
				height: 40px;
				background: white !important;
				border-radius: 50%;
				box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
				bottom: 50px;
			}
		</style>
	</body>
</html>